<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<p>
    管理员账号：<input type="text" id="useraccount" name="useraccount" placeholder="输入账号"/>
</p>
<p>
    管理员密码：<input type="password" id="userpwd" name="userpwd" placeholder="输入密码"/>
</p>
<p>
    <input type="button" value="登录" id="login" name="login"/>
</p>
<script src="js/jquery-1.10.2.min.js"></script>
<script>
    <!--js代码，使用jquery的ajax发送请求-->

    //2、监听用户的点击事件
    var btn = document.getElementById("login");
    btn.onclick = function (){
        //1、使用dom对象获取到输入的内容
        var account = document.getElementById("useraccount").value;
        var password = document.getElementById("userpwd").value;

        //3、构建一个网络请求
        var config = {
            method: "GET",
            url: "/java/manager?method=login&account="+account+"&pwd="+password,
            dataType: "json",
            success: function (resp) {
                //网络请求成功后，回调该处代码
                console.log(resp);
                //根据状态吗判断，并并处理跳转逻辑
                if (resp.code===1001) {
                    //跳转
                    window.location="index.html";
                }else if (resp.code===1002){
                     //失败
                    alert(resp.msg);
                }
            },
        };
        $.ajax(config);
    }

</script>
</body>
</html>